<template>
  <view class="layout">
    <view class="navbar">
      <view class="title">首页</view>
      <view class="schedule">我的日程</view>
      <view class="search">
        <uni-icons type="search" color="#888" size="18" />
        <text class="text">搜索</text>
      </view>
    </view>
  </view>
</template>

<script setup lang="ts"></script>

<style scoped lang="scss">
.layout {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.navbar {
  display: flex;
  width: 100%;
  align-items: center;
  padding: 0 20px;
  height: 44px;
  background-color: #fff;
  z-index: 100;
}
.title {
  font-size: 18px;
  font-weight: bold;
  color: orange;
}
.schedule {
  font-size: 18px;
  font-weight: bold;
  margin-left: 30rpx;
}
.search {
  display: flex;
  align-items: center;
  width: 220rpx;
  height: 50rpx;
  background-color: rgba(255, 255, 255, 0.4);
  margin-left: 30rpx;
  color: #999;
  border: 1px solid #ccc;
  border-radius: 60px;
  padding: 4px;
  font-size: 28rpx;
  .text {
    padding-left: 10rpx;
  }
}
</style>
